<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>适宜空间尺度选择和机器学习模型结合的夏玉米产量遥感估测研究</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../static/css/oksub.css" media="all"/>
    <script type="text/javascript" src="../../static/lib/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="../../static/lib/echarts/echarts.themez.js"></script>
    <style>

        .banner-img {
            display: flex;
            justify-content: flex-end;
            margin-left: 800px; /* 可根据需要调整右边距 */
            margin-bottom: 40px;
             position: relative;
        /*width: 100%; !* 确保图片占满父容器宽度 *!*/
        }

        .banner-img {
            position: relative;
        }

        .banner-img img {
            position: absolute;
        }

        .banner-img .main-img {
            position: inherit;
            opacity: 0;
        }

        .banner-img .shape-1 {
            left: 0;
            top: 15px;
        }

        .banner-img .shape-2 {
            left: 20%;
            top: 8%;
        }

        .banner-img .shape-3 {
            left: 30%;
            top: 22%;
        }

        .banner-img .shape-4 {
            left: 6.8%;
            top: 13.4%;
        }

        .banner-img .shape-5 {
            right: 9.8%;
            bottom: 0;
            animation-delay: 1s;
        }

        .banner-img .shape-6 {
            left: 32.3%;
            top: 0;
            animation: rubberBand 3s infinite linear;
        }

        .banner-img .shape-7 {
            right: 15.5%;
            top: 7%;
        }

        .banner-img .shape-8 {
            left: 35%;
            bottom: 24%;
        }

        .banner-img .shape-9 {
            bottom: 8%;
            left: 46.5%;
        }

        .alltuchtopdown {
            -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
            animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
            animation-duration: 3s;
        }

        .text-overlay {
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-50%, -50%);
        z-index: 2; /* 确保文本位于图片上方 */
    }

    .text-overlay h1 {
        font-size: 23px;
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
        animation: text-fade-in 2s ease forwards;
    }


    </style>
</head>
<body class="console console1 ok-body-scroll">
<div class="ok-body home">
    <div class="banner-img">
        <img src="../../static/images/slider/99.jpg" alt="全屏图片" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
    </div>
</div>
</body>
</html>
<script type="text/javascript" src="../../static/lib/layui/layui.js"></script>
<script>

</script>


















